<!--
 * @Author: your name
 * @Date: 2021-10-19 14:10:44
 * @LastEditTime: 2021-10-19 18:21:23
 * @LastEditors: your name
 * @Description: In User Settings Edit
 * @FilePath: \Vuec:\Users\86131\Desktop\project\payforknowledge\src\views\Home.vue
-->
<template>
  <div class="home">
    <router-view />

    <van-tabbar v-model="active" active-color="#4AB8FA" :route="true">
      <van-tabbar-item name="home" icon="notes-o" to="/home/index"
        >学习</van-tabbar-item
      >
      <van-tabbar-item name="search" icon="newspaper-o" to="/home/message"
        >资讯</van-tabbar-item
      >
      <van-tabbar-item name="friends" icon="shopping-cart-o" to="/home/shopcar">
        购物车</van-tabbar-item
      >
      <van-tabbar-item name="setting" icon="contact" to="/home/mine"
        >我的</van-tabbar-item
      >
    </van-tabbar>
  </div>
</template>

<script>
// @ is an alias to /src
// import HelloWorld from "@/components/HelloWorld.vue";
// import { createApp } from "vue";
import { Tabbar, TabbarItem } from "vant";
import { ref } from "vue";
export default {
  components: {
    VanTabbar: Tabbar,
    VanTabbarItem: TabbarItem,
  },
  setup() {
    const active = ref("home");
    return { active };
  },
};
</script>
